<template>
  <el-switch v-model="value1" />
  <el-button type="primary" v-if="value1">添加</el-button>
  <el-table-v2
    :columns="columns"
    :data="data"
    :width="700"
    :height="400"
    fixed
  >
  
  </el-table-v2>

</template>

<script setup>
const value1 = ref(false)
// const generateColumns = (length = 10, prefix = 'column-', props) =>
//   Array.from({ length }).map((_, columnIndex) => ({
//     ...props,
//     key: `${prefix}${columnIndex}`,
//     dataKey: `${prefix}${columnIndex}`,
//     title: `Column ${columnIndex}`,
//     width: 150,
//   }))

// const generateData = (columns, length = 200, prefix = 'row-') =>
//   Array.from({ length }).map((_, rowIndex) => {
//     return columns.reduce(
//       (rowData, column, columnIndex) => {
//         rowData[column.dataKey] = `Row ${rowIndex} - Col ${columnIndex}`
//         return rowData
//       },
//       {
//         id: `${prefix}${rowIndex}`,
//         parentId: null,
//       }
//     )
//   })

const columns = [
  {
    key: 'column-0',
    dataKey: 'column-0',
    title: 'Column 0',
    width: 150,
  },
  {
    key: 'column-1',
    dataKey: 'column-1',
    title: 'Column 1',
    width: 150,
  },
  {
    key: 'column-2',
    dataKey: 'column-2',
    title: 'Column 2',
    width: 150,
  },
]
// const columns = generateColumns(3)

const data = [
  {
    id: 'row-0',
    parentId: null,
    'column-0': 'Row 0 - Col 0',
    'column-1': 'Row 0 - Col 1',
    'column-2': 'Row 0 - Col 2',
  },
  {
    id: 'row-1',
    parentId: null,
    'column-0': 'Row 1 - Col 0',
    'column-1': 'Row 1 - Col 1',
    'column-2': 'Row 1 - Col 2',
  },
  {
    id: 'row-2',
    parentId: null,
    'column-0': 'Row 2 - Col 0',
    'column-1': 'Row 2 - Col 1',
    'column-2': 'Row 2 - Col 2',
  },
  {
    id: 'row-3',
    parentId: null,
    'column-0': 'Row 3 - Col 0',
    'column-1': 'Row 3 - Col 1',
    'column-2': 'Row 3 - Col 2',
  },
  {
    id: 'row-4',
    parentId: null,
    'column-0': 'Row 4 - Col 0',
    'column-1': 'Row 4 - Col 1',
    'column-2': 'Row 4 - Col 2',
  },
]
</script>
